/* =================================================== */
/* Name        : X-31 Dharla Perdana
   URI         : http://dhf.web.id/
   Author      : Muh. Dharla Perdana Samudra */
/* =================================================== */
/* css depan */
body {
  background-image:url(../image/bg-body.jpg);
  background-color:#161616;
  color:#555;
  text-shadow:0 1px 0 rgba(0,0,0,0.1);
  font:normal normal 13px/20px "Roboto_Regular","Roboto","Roboto Regular","Franklin Gothic Medium","Franklin Gothic Book","Lucida Sans","Lucida Sans Unicode",Helmet,Freesans,Sans-Serif;
  overflow-x:hidden;
  overflow-y:scroll;
}
#layout {
  background:url(../image/shadow.png);
  background:-moz-radial-gradient(center center,circle cover,hsla(0,0%,0%,.0) 0%,hsla(0,0%,3%,9) 100%)no-repeat;
  background:-webkit-gradient(radial,center center,0,center center,800,from(hsla(0,0%,0%,.0)),to(hsla(0,0%,3%,9)) );
  background:-o-radial-gradient(center,ellipse cover,rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);
  background:-ms-radial-gradient(center,ellipse cover,rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);
  background:radial-gradient(ellipse at center,rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#d9000000',GradientType=1 );
  margin:0 !important;
  padding:0 !important;
}


.index #out-shadow {padding-top:70px;}
.index a.x-templates {display:none;}
.index #main-wrapper {
  width:1000px;
  margin:10px auto;
}
.index article.blog-search {
  -moz-border-radius:3px;
  border-radius:3px;
  width:950px;
  position:relative;
  margin:4px auto !important;
  display:block;
  background-color:rgba(20,20,20,0.5);
  background-image:url(../image/bg-y.jpg);
  background-repeat:repeat;
  color:#454545;
  border:1px solid #151515;
  border-top-color:#1e1e1e;
  border-bottom-color:#191919;
  -webkit-box-shadow:0 4px 3px rgba(0,0,0,.5),0 2px 6px rgba(0,0,0,.4)inset;
  -moz-box-shadow:0 4px 3px rgba(0,0,0,.5),0 2px 6px rgba(0,0,0,.4)inset;
  box-shadow:0 4px 3px rgba(0,0,0,.5),0 2px 6px rgba(0,0,0,.4)inset;
  overflow:hidden;
}
.index article.blog-search:hover {
  color:transparent;
  text-shadow:0 0 7px #404448;
}
.index article.blog-search:active {
  color:#C6EB04;
  text-shadow:0 0 10px #C6EB04;
}
.index article.blog-search:before,.webResult:before {
  content:'';
  height:40px;
  width:40px;
  position:absolute;
  right:5px;
  top:3px;
  background-image:url(../image/icon-logos.png);
  background-position:top center;
  background-repeat:no-repeat;
}
.index article.blog-search .post-meta1 {
  width:200px;
  margin:0 24px 0 0;
  float:left;
  padding:3px;
  border-right:1px solid #1e1e1e;
  box-shadow:2px 0 0 0 rgba(0,0,0,0.50);
  -webkit-box-shadow:2px 0 0 0 rgba(0,0,0,0.50);
  background-color:rgba(50,50,50,0.05);
}
.index article.blog-search .post-meta1 span {
  font-size:9px;
  line-height:11px;
  display:block;
  text-transform:uppercase;
  height:14px;
  color:#353535;
  text-shadow:0 1px 0 rgba(0,0,0,0.1);
}
.index article.blog-search .post-meta1 span.author {
  background:url(../image/smile-icon.png) no-repeat left center;
  padding:3px 0 2px 20px;
}
.index article.blog-search .post-meta1 span.date-header {
  background:url(../image/time-icon.png) no-repeat left center;
  padding:4px 0 0 20px;
}
.index article.blog-search li.title-post {
  list-style-type:square;
  font:30px/50px arial,sans-serif;
  color:#222;
}
.index article.blog-search .title-post h3 a {
  display:block;
  color:#40413E;
  line-height:40px;
  font-size:26px;
  font-weight:300;
  text-shadow:0 -1px 1px hsla(1,1%,1%,.9);
  text-transform:uppercase;
  -webkit-transition:all .2s ease-in-out;
  -moz-transition:all .2s ease-in-out;
  -o-transition:all .2s ease-in-out;
  -ms-transition:all .2s ease-in-out;
  transition:all .2s ease-in-out;
  white-space:nowrap;
}
.index article.blog-search .title-post h3 a:hover {
  color:transparent;
  text-shadow:0 0 9px #404448;
}
.index article.blog-search .title-post h3 a:active {
  text-decoration:line-through;
  color:#C6EB04;
  text-shadow:0 0 10px #C6EB04,0 0 20px #C6EB04,0 1px 3px #eee,rgba(0,0,100,0.7) 0 7px 12px;
}
.index article.blog-search .title-post h3 a:first-letter {
  text-transform:uppercase;
  padding:0 1px 0 0;
  color:#323231;
}
.index article.blog-search .title-post h3 a:hover:first-letter {
  color:#C6EB04;
  text-shadow:0 0 10px #C6EB04,0 0 20px #C6EB04,0 1px 3px #eee,rgba(0,0,100,0.7) 0 7px 12px;
}
/* =================================================== */
